.middle{
    width: 80%;
    margin:0 auto;
}
.clearfix:after{
    content: '';
    display: block;
    clear: both;
}
/* -----header--------- */
/* 公共样式 */
.headbar{
    height: 60px;
    float: left;
}
header{
    height: 931px;
    background-image: url(../img/banner.webp);
    background-repeat: no-repeat;
    background-position: center top;
    background-size: 1920px auto;
}
header .head{
    height:60px ;
    /* background-color: rgb(211, 41, 41); */
}
.logo{
    line-height: 60px;
    background-color: rgb(207, 207, 207);
    margin-right:20px
}
.menu li{
    float: left;
}
.menu li a{
    text-decoration: none;
    color: #333;
    padding: 20px 10px;
    line-height: 60px;
}
.menu li a:hover{
    color:rgba(51, 51, 51,0.6);;
}
div.cart{
    float: right;
    line-height: 60px;
}
div.cart a{
    color: #333;
    text-decoration: none;
    padding: 20px 10px;
}
/* banner */
.banner{
    height: 871px;
    /* background-color: rgb(189, 173, 173,0.5); */
}
.banner a{
    display: block;
    width: 100%;
    height: 871px;
}
/* ----------主体内容--------- */
main section{
    width: 49.8%; 
    position: relative;
    /* height: 100px; */
    /* background-color: rgb(139, 66, 66);  */
}
main section:nth-child(2n+1){
    float: left;
}
main section:nth-child(2n){
    float: right;
}
main section:nth-child(n+3){
    margin-top:0.4%;
}
main section img{
    width: 100%;
    height: 100%;
}
.phone-desc{
    /* background-color: rgb(173, 148, 148); */
    color: white;
    left:50%;
    top:10%;
    /* 以自己为基准向X轴左移动自己宽度的50% */
    transform: translate(-50%,0);
    position: absolute;
    text-align: center;
    line-height: 1.5;
    /* left:50% */
}
/* ---------脚部区域footer------------ */
footer{
    padding:20px 0;
    font-size: 14px;
    
}
.foot-top-nav{
    float: left;
    margin-right: 30px;
}
.foot-top-nav li{
    padding: 10px ;
}
.foot-top-nav li a{
    color: #333;
    text-decoration: none;
    padding:10px 10px;
} 
.contact{
    float: right;
    width: 100px;
    height: 200px;
    /* background-color: rgb(179, 140, 140); */
}
.foot-bottom{
    height: 100px;
    line-height: 100px;
    /* background-color: rgb(212, 187, 187); */
    border-top:1px solid gray
    
}
p.left{
    float: left;
    width: 60%;
}
p.right{
    float: right;
    width: 30%;
}